<template>
    <div class="steps">
        <van-steps direction="vertical" :active="-1">
            <van-step>
                <h3>当前版本：1.0.1.1</h3>
                <p>优化部分细节</p>
                <div class="datebox">
                    <div>2020</div>
                    <div>05/7</div>
                </div>
            </van-step>
            <van-step>
                <h3>版本：1.0.0.4</h3>
                <p>更新内容：修复部分bug</p>
                <div class="datebox">
                    <div>2020</div>
                    <div>05/6</div>
                </div>
            </van-step>
            <van-step>
                <h3>版本：1.0.0.3</h3>
                <p>更新内容：修复部分bug</p>
                <div class="datebox">
                    <div>2020</div>
                    <div>05/5</div>
                </div>
            </van-step>
            <van-step>
                <h3>版本：1.0.0.2</h3>
                <p>更新内容：修复部分bug</p>
                <div class="datebox">
                    <div>2020</div>
                    <div>05/4</div>
                </div>
            </van-step>
            <van-step>
                <h3>版本：1.0.0.1</h3>
                <p>更新内容：修复部分bug</p>
                <div class="datebox">
                    <div>2020</div>
                    <div>05/3</div>
                </div>
            </van-step>
        </van-steps>
    </div>
</template>

<script>
import { Step, Steps } from 'vant'
    export default {
        components: {
            [Step.name]: Step,
            [Steps.name]: Steps
        },
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>

<style lang="less" scoped>
.steps {
    position: relative;
    .datebox {
        position: absolute;
        top: 7vw;
        left: -16vw;
        text-align: right;
    }
    /deep/.van-step--vertical {
        display: block;
        float: none;
        padding: 2.667vw 2.667vw 8.667vw 0;
        line-height: 4.8vw;
    }
    /deep/.van-step--vertical .van-step__circle-container {
        top: 10.067vw;
    }
    /deep/.van-step--vertical .van-step__line {
        top: 10.067vw;
    }
    /deep/.van-steps--vertical {
        padding: 0 0 0 20.533vw;
    }
}
</style>